<template>
  <div class="home">
    <div class="nav-tab">
      <el-radio-group v-model="activeName" style="margin-bottom: 30px;">
        <el-radio-button label="top">
          聊天输入框
        </el-radio-button>
        <el-radio-button label="right">
          搜索下拉
        </el-radio-button>
      </el-radio-group>
    </div>
    <HelloWorld v-if="activeName == 'top'"></HelloWorld>
    <auto-Search v-if="activeName == 'right'"></auto-Search>
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from '@/components/chatEditor/HelloWorld.vue'
import autoSearch from '@/components/autoSearch/index.vue'
export default {
  name: 'Home',
  components: {
    HelloWorld, autoSearch
  },
  data () {
    return {
      activeName: 'top'
    }
  }
}
</script>
<style lang="scss">
.nav-tab {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>
